<!DOCTYPE html>
<html lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>学校简介</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <link rel="icon" href="images/favicon.ico" th:href="@{/images/favicon.ico}">
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- Custom-Files -->
    <!-- Bootstrap-Core-Css -->
    <link rel="stylesheet" href="css/bootstrap.css" th:href="@{css/bootstrap.css}">
    <!-- Testimonials-Css -->
    <link href="css/mislider.css" th:href="@{css/mislider.css}" rel="stylesheet" type="text/css"/>
    <link href="css/mislider-custom.css" th:href="@{/css/mislider-custom.css}" rel="stylesheet" type="text/css"/>
    <!-- Style-Css -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}" type="text/css" media="all"/>
    <!-- Font-Awesome-Icons-Css -->
    <link rel="stylesheet" href="css/fontawesome-all.css" th:href="@{/css/fontawesome-all.css}">
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
          rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
    <!-- //Web-Fonts -->


</head>

<body>

<!-- header -->
<div th:replace="include/header::#fragment-id"></div>


<!-- //header -->

<!-- banner -->
<div class="banner-agile-2" style="background: url('../images/shangmao.jpg');background-size:100% 100%">
    <div th:replace="include/header::#banner"></div>
</div>
<!-- breadcrumb -->
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="index">首页</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page"><a href="schoolInfo">学校简介</a></li>
    </ol>
</nav>
<!-- breadcrumb -->
<!-- //banner -->


<!-- history -->
<div class="about-page py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">贵阳市
            <span class="font-weight-bold">商贸学校</span>
        </h3>
        <div class="row about-head-wthree">
            <div class="col-lg-6 left-abw3ls">
                <img src="https://www.gysxinhua.com/static/pc/images/xxjj/img1.jpg" alt="" class="img-fluid">
            </div>
            <div class="col-lg-6 right-abw3ls mt-lg-0 mt-sm-5 mt-4">
                <h4 class="font-italic border-bottom text-center font-weight-bold pb-3 mb-4">学校介绍</h4>
                <p style="color: black">
                    贵阳市商贸学校隶属于新华教育集团，学校位于贵阳市花溪大道中段76号，可容纳2500人住宿、学习。学校主要开设专业有建筑装饰技术、计算机平面设计、动漫与游戏制作、电子商务、电子竞技运动与管理、网络营销。学校根据“需求导向、产教融合、错位争先、特色发展”的办学思路，秉承“新华教育
                    兴教报国”的办学理念，坚持“为党育人，为国育才”。学校积极探索新时代下π型人才培养的办学思路，推进“四新四融”、“五步教学"、“六项实训”、“七项考核”等教学模式，一手抓升学、一手抓就业，全面培养就业有能力、升学有优势、发展有通道的新时代职业学生。</p>
                <p class="mt-3" style="color: black">
                    2020年11月，新华教育集团在贵阳建设新华教育贵州总部项目。该项目位于贵阳市经济技术开发区小孟工业园，项目用地面积约300亩，规划总建筑面积约33万平方米，办学规模约15000人。2021年2月，该项目被列入贵州省重大工程和重点项目。目前项目已经动工建设，一期8万方的新华电脑学校项目计划于2023年10月投入使用。</p>
            </div>
        </div>
    </div>
</div>
<!-- //history -->

<!-- mission -->
<div class="about-page-2 py-5">
    <div class="container-fluid py-xl-5 py-lg-3">
        <div class="row about-head-wthree-2">
            <div class="col-lg-4 left-abw3ls text-lg-left text-center">
                <img src="images/ap-2.jpg" alt="" class="img-fluid">
            </div>
            <div class="col-lg-4 right-abw3ls my-lg-0 my-sm-5 my-4">
                <h4 class="font-italic border-bottom text-center font-weight-bold pb-3 mb-4">办学优势</h4>

                <ul>
                    <li style="font-size: 22px;list-style: none">一： 代化教学设施</li>
                    <li class="ml" style="font-size: 22px;list-style: none">二： 五步教学法+导师训练</li>
                    <li class="ml" style="font-size: 22px;list-style: none">三： 二元管理模式、安心学习</li>
                    <li class="ml" style="font-size: 22px;list-style: none">四： 和谐校园、健康成长</li>
                    <li style="font-size: 22px;list-style: none">五： 齐全完备考证体系</li>
                    <li style="font-size: 22px;list-style: none">六： 齐全完备考证体系</li>
                    <li class="ml" style="font-size: 22px;list-style: none">七： 不仅成功就业、更能成就事业</li>
                    <li class="ml" style="font-size: 22px;list-style: none">八： 运行机制灵活、办学不断创新</li>
                </ul>
            </div>
            <div class="col-lg-4 left-abw3ls text-lg-left text-center">
                <img src="images/ap-3.jpg" alt="" class="img-fluid">
            </div>
        </div>
    </div>
</div>
<!-- //mission -->

<!-- team -->
<div class="team py-5">
    <div class="container py-xl-5 py-lg-3" style="height: 600px">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">“四新”技术在商贸
            <span class="font-weight-bold">“四好”未来在商贸</span>
        </h3>

        <div style="border-radius: 12px;float: left;height: 200px;width: 250px;background-color: rgb(28, 87, 171);margin: 10px 10px;"
             th:each="n :${newGoodList}">
            <div style="color: white;float: left;margin: 10px">
                <h3 th:text="${n.name}" style="text-align: center"></h3>
                <span th:text="${n.remark}"></span>
            </div>
        </div>
    </div>
</div>
<!-- //team -->


<div class="news-section py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">学校
            <span class="font-weight-bold">环境</span>
        </h3>
        <div class="video-player">
            <div style="margin: 10px" th:each="s :${sourceList}">
                <video class="my-video" controls>
                    <source th:src="@{${s.video}}" type="video/mp4">
                </video>
                <p style="text-align: center" th:text="${s.name}"></p>
            </div>
    </div>
</div>

<!-- what we do -->
<div class="why-choose-agile py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-white text-center mb-5">六大专业
            <span class="font-weight-bold">设置</span>
        </h3>
        <div class="row agileits-w3layouts-grid pt-md-4">
            <div class="col-lg-4 services-agile-1" th:each="p :${professionsList}">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="fab fa-accusoft"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3" th:text="${p.name}"></h4>
<!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img th:src="@{${p.imagePath}}"
                             style="width: 280px;"/>
                        <a class="btn mt-3 service-button p-0" href="course" role="button">更多
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="testimonials py-5" style="margin-top: 50px">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-white text-center mb-5">校企合作
            <span class="font-weight-bold">产教融合</span>
        </h3>
        <div class="mis-stage">
            <!-- The element to select and apply miSlider to - the class is optional -->
            <ol class="mis-slider">
                <!-- The slider element - the class is optional -->
                <li class="mis-slide" th:each="p :${schoolEnvironmentsList}">
                    <!-- A slide element - the class is optional -->
                    <a href="#" class="mis-container">
                        <!-- A slide container - this element is optional, if absent the plugin adds it automatically -->
                        <figure>
                            <!-- Slide content - whatever you want -->
                            <img th:src="${p.image}" alt=" "
                                 class="img-fluid" height="150px"/>
                            <figcaption th:text="${p.name}">

                            </figcaption>
                        </figure>
                    </a>
                </li>
            </ol>
        </div>
    </div>
</div>
<!-- //testimonials -->


<!-- news -->
<div class="news-section py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">任务驱动式
            <span class="font-weight-bold">五步教学法</span>
        </h3>
        <div class="row news-grids-w3l pt-md-4">
            <div class="col-md-4 news-grid" style="margin-bottom: 22px" th:each="h,i :${pedagogyList}">
                <a href="blog.html">
                    <img th:src="${h.image}" class="img-fluid" alt=""
                         width="350"/>
                </a>
                <div class="news-text" style="width: 350px">
                    <div class="news-events-agile event-colo1 py-2 px-3">
                        <h5 class="float-left">
                            <a href="#" class="text-white" th:text="${i.index+1+'.'+h.name}"></a>
                        </h5>
                        <div class="post-img float-right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <i class="far fa-comments text-white"></i>
                                    </a>
                                </li>
                                <li class="mx-3">
                                    <a href="#">
                                        <i class="far fa-heart text-white"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fas fa-share text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="detail-bottom">

                        <p style="color: black" th:text="${h.remark}"></p>
                    </div>
                </div>
            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //news -->
<!--</div>-->
<!-- //brands -->

<!-- footer -->
<!-- footer -->
<div th:replace="include/header::#footer"></div>
<!-- //footer -->
<!-- //footer -->


<!-- Js files -->
<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->
<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- testimonial-plugin -->
<script src="js/mislider.js"></script>
<script>
    jQuery(function ($) {
        var slider = $('.mis-stage').miSlider({
            //  The height of the stage in px. Options: false or positive integer. false = height is calculated using maximum slide heights. Default: false
            stageHeight: 320,
            //  Number of slides visible at one time. Options: false or positive integer. false = Fit as many as possible.  Default: 1
            slidesOnStage: false,
            //  The location of the current slide on the stage. Options: 'left', 'right', 'center'. Defualt: 'left'
            slidePosition: 'center',
            //  The slide to start on. Options: 'beg', 'mid', 'end' or slide number starting at 1 - '1','2','3', etc. Defualt: 'beg'
            slideStart: 'mid',
            //  The relative percentage scaling factor of the current slide - other slides are scaled down. Options: positive number 100 or higher. 100 = No scaling. Defualt: 100
            slideScaling: 150,
            //  The vertical offset of the slide center as a percentage of slide height. Options:  positive or negative number. Neg value = up. Pos value = down. 0 = No offset. Default: 0
            offsetV: -5,
            //  Center slide contents vertically - Boolean. Default: false
            centerV: true,
            //  Opacity of the prev and next button navigation when not transitioning. Options: Number between 0 and 1. 0 (transparent) - 1 (opaque). Default: .5
            navButtonsOpacity: 1,
        });
    });
</script>
<!-- //testimonial-plugin -->

<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js" th:src="@{/js/SmoothScroll.min.js}"></script>
<!-- //smooth scrolling -->

<!-- move-top -->
<script src="js/move-top.js" th:src="@{/js/move-top.js}"></script>
<!-- easing -->
<script src="js/easing.js" th:src="@{js/easing.js}"></script>
<!--  necessary snippets for few javascript files -->
<script src="js/edulearn.js" th:src="@{/js/edulearn.js}"></script>

<!-- //Js files -->

</body>

</html>